﻿<!DOCTYPE html>
<html>
  <head>
    <title>DatePicker 日期选择器</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/datepicker______/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/datepicker______/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Group) -->
      <div id="u5064" class="ax_default">

        <!-- 框 (Rectangle) -->
        <div id="u5065" class="ax_default box_1" data-label="框">
          <img id="u5065_img" class="img " src="images/timepicker______/框_u4919.png"/>
          <!-- Unnamed () -->
          <div id="u5066" class="text" style="visibility: visible;">
            <p><span>选择日期（默认）</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5067" class="ax_default">

          <!-- Unnamed (Shape) -->
          <div id="u5068" class="ax_default _形状">
            <img id="u5068_img" class="img " src="images/datepicker______/u5068.png"/>
            <!-- Unnamed () -->
            <div id="u5069" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u5070" class="ax_default _形状">
            <img id="u5070_img" class="img " src="images/datepicker______/u5070.png"/>
            <!-- Unnamed () -->
            <div id="u5071" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 菜单内容 (Dynamic Panel) -->
      <div id="u5072" class="ax_default ax_default_hidden" data-label="菜单内容" style="display: none; visibility: hidden">
        <div id="u5072_state0" class="panel_state" data-label="State1">
          <div id="u5072_state0_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u5073" class="ax_default _图片">
              <img id="u5073_img" class="img " src="images/datepicker______/u5073.png"/>
              <!-- Unnamed () -->
              <div id="u5074" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5075" class="ax_default">

        <!-- 框 (Rectangle) -->
        <div id="u5076" class="ax_default box_1" data-label="框">
          <img id="u5076_img" class="img " src="images/timepicker______/框_u4919.png"/>
          <!-- Unnamed () -->
          <div id="u5077" class="text" style="visibility: visible;">
            <p><span>选择日期（带快捷方式）</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5078" class="ax_default">

          <!-- Unnamed (Shape) -->
          <div id="u5079" class="ax_default _形状">
            <img id="u5079_img" class="img " src="images/datepicker______/u5068.png"/>
            <!-- Unnamed () -->
            <div id="u5080" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u5081" class="ax_default _形状">
            <img id="u5081_img" class="img " src="images/datepicker______/u5070.png"/>
            <!-- Unnamed () -->
            <div id="u5082" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 菜单内容 (Dynamic Panel) -->
      <div id="u5083" class="ax_default ax_default_hidden" data-label="菜单内容" style="display: none; visibility: hidden">
        <div id="u5083_state0" class="panel_state" data-label="State1">
          <div id="u5083_state0_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u5084" class="ax_default _图片">
              <img id="u5084_img" class="img " src="images/datepicker______/u5084.png"/>
              <!-- Unnamed () -->
              <div id="u5085" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5086" class="ax_default">

        <!-- 框 (Rectangle) -->
        <div id="u5087" class="ax_default box_1" data-label="框">
          <img id="u5087_img" class="img " src="images/timepicker______/框_u4919.png"/>
          <!-- Unnamed () -->
          <div id="u5088" class="text" style="visibility: visible;">
            <p><span>选择周</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5089" class="ax_default">

          <!-- Unnamed (Shape) -->
          <div id="u5090" class="ax_default _形状">
            <img id="u5090_img" class="img " src="images/datepicker______/u5068.png"/>
            <!-- Unnamed () -->
            <div id="u5091" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u5092" class="ax_default _形状">
            <img id="u5092_img" class="img " src="images/datepicker______/u5070.png"/>
            <!-- Unnamed () -->
            <div id="u5093" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 菜单内容 (Dynamic Panel) -->
      <div id="u5094" class="ax_default ax_default_hidden" data-label="菜单内容" style="display: none; visibility: hidden">
        <div id="u5094_state0" class="panel_state" data-label="State1">
          <div id="u5094_state0_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u5095" class="ax_default _图片">
              <img id="u5095_img" class="img " src="images/datepicker______/u5095.png"/>
              <!-- Unnamed () -->
              <div id="u5096" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5097" class="ax_default">

        <!-- 框 (Rectangle) -->
        <div id="u5098" class="ax_default box_1" data-label="框">
          <img id="u5098_img" class="img " src="images/timepicker______/框_u4919.png"/>
          <!-- Unnamed () -->
          <div id="u5099" class="text" style="visibility: visible;">
            <p><span>选择年</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5100" class="ax_default">

          <!-- Unnamed (Shape) -->
          <div id="u5101" class="ax_default _形状">
            <img id="u5101_img" class="img " src="images/datepicker______/u5068.png"/>
            <!-- Unnamed () -->
            <div id="u5102" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u5103" class="ax_default _形状">
            <img id="u5103_img" class="img " src="images/datepicker______/u5070.png"/>
            <!-- Unnamed () -->
            <div id="u5104" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 菜单内容 (Dynamic Panel) -->
      <div id="u5105" class="ax_default ax_default_hidden" data-label="菜单内容" style="display: none; visibility: hidden">
        <div id="u5105_state0" class="panel_state" data-label="State1">
          <div id="u5105_state0_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u5106" class="ax_default _图片">
              <img id="u5106_img" class="img " src="images/datepicker______/u5106.png"/>
              <!-- Unnamed () -->
              <div id="u5107" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5108" class="ax_default">

        <!-- 框 (Rectangle) -->
        <div id="u5109" class="ax_default box_1" data-label="框">
          <img id="u5109_img" class="img " src="images/timepicker______/框_u4919.png"/>
          <!-- Unnamed () -->
          <div id="u5110" class="text" style="visibility: visible;">
            <p><span>选择月</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5111" class="ax_default">

          <!-- Unnamed (Shape) -->
          <div id="u5112" class="ax_default _形状">
            <img id="u5112_img" class="img " src="images/datepicker______/u5068.png"/>
            <!-- Unnamed () -->
            <div id="u5113" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u5114" class="ax_default _形状">
            <img id="u5114_img" class="img " src="images/datepicker______/u5070.png"/>
            <!-- Unnamed () -->
            <div id="u5115" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 菜单内容 (Dynamic Panel) -->
      <div id="u5116" class="ax_default ax_default_hidden" data-label="菜单内容" style="display: none; visibility: hidden">
        <div id="u5116_state0" class="panel_state" data-label="State1">
          <div id="u5116_state0_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u5117" class="ax_default _图片">
              <img id="u5117_img" class="img " src="images/datepicker______/u5117.png"/>
              <!-- Unnamed () -->
              <div id="u5118" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5119" class="ax_default">

        <!-- 框 (Rectangle) -->
        <div id="u5120" class="ax_default box_1" data-label="框">
          <img id="u5120_img" class="img " src="images/timepicker______/框_u4919.png"/>
          <!-- Unnamed () -->
          <div id="u5121" class="text" style="visibility: visible;">
            <p><span>选择一个或多个日期</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5122" class="ax_default">

          <!-- Unnamed (Shape) -->
          <div id="u5123" class="ax_default _形状">
            <img id="u5123_img" class="img " src="images/datepicker______/u5068.png"/>
            <!-- Unnamed () -->
            <div id="u5124" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u5125" class="ax_default _形状">
            <img id="u5125_img" class="img " src="images/datepicker______/u5070.png"/>
            <!-- Unnamed () -->
            <div id="u5126" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 菜单内容 (Dynamic Panel) -->
      <div id="u5127" class="ax_default ax_default_hidden" data-label="菜单内容" style="display: none; visibility: hidden">
        <div id="u5127_state0" class="panel_state" data-label="State1">
          <div id="u5127_state0_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u5128" class="ax_default _图片">
              <img id="u5128_img" class="img " src="images/datepicker______/u5128.png"/>
              <!-- Unnamed () -->
              <div id="u5129" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Hot Spot) -->
            <div id="u5130" class="ax_default">
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5131" class="ax_default">

        <!-- 框2 (Rectangle) -->
        <div id="u5132" class="ax_default box_1" data-label="框2">
          <img id="u5132_img" class="img " src="images/timepicker______/框2_u4977.png"/>
          <!-- Unnamed () -->
          <div id="u5133" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5134" class="ax_default label">
          <img id="u5134_img" class="img " src="images/timepicker______/u4981.png"/>
          <!-- Unnamed () -->
          <div id="u5135" class="text" style="visibility: visible;">
            <p><span>至</span></p>
          </div>
        </div>

        <!-- 结束日期 (Rectangle) -->
        <div id="u5136" class="ax_default label" data-label="结束日期">
          <img id="u5136_img" class="img " src="images/typography___/u378.png"/>
          <!-- Unnamed () -->
          <div id="u5137" class="text" style="visibility: visible;">
            <p><span>结束日期</span></p>
          </div>
        </div>

        <!-- 开始日期 (Rectangle) -->
        <div id="u5138" class="ax_default label" data-label="开始日期">
          <img id="u5138_img" class="img " src="images/typography___/u378.png"/>
          <!-- Unnamed () -->
          <div id="u5139" class="text" style="visibility: visible;">
            <p><span>开始日期</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5140" class="ax_default">

          <!-- Unnamed (Shape) -->
          <div id="u5141" class="ax_default _形状">
            <img id="u5141_img" class="img " src="images/datepicker______/u5068.png"/>
            <!-- Unnamed () -->
            <div id="u5142" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u5143" class="ax_default _形状">
            <img id="u5143_img" class="img " src="images/datepicker______/u5070.png"/>
            <!-- Unnamed () -->
            <div id="u5144" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 菜单内容 (Dynamic Panel) -->
      <div id="u5145" class="ax_default ax_default_hidden" data-label="菜单内容" style="display: none; visibility: hidden">
        <div id="u5145_state0" class="panel_state" data-label="State1">
          <div id="u5145_state0_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u5146" class="ax_default _图片">
              <img id="u5146_img" class="img " src="images/datepicker______/u5146.png"/>
              <!-- Unnamed () -->
              <div id="u5147" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5148" class="ax_default">

        <!-- 框2 (Rectangle) -->
        <div id="u5149" class="ax_default box_1" data-label="框2">
          <img id="u5149_img" class="img " src="images/timepicker______/框2_u4977.png"/>
          <!-- Unnamed () -->
          <div id="u5150" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5151" class="ax_default label">
          <img id="u5151_img" class="img " src="images/timepicker______/u4981.png"/>
          <!-- Unnamed () -->
          <div id="u5152" class="text" style="visibility: visible;">
            <p><span>至</span></p>
          </div>
        </div>

        <!-- 结束日期 (Rectangle) -->
        <div id="u5153" class="ax_default label" data-label="结束日期">
          <img id="u5153_img" class="img " src="images/typography___/u378.png"/>
          <!-- Unnamed () -->
          <div id="u5154" class="text" style="visibility: visible;">
            <p><span>结束日期</span></p>
          </div>
        </div>

        <!-- 开始日期 (Rectangle) -->
        <div id="u5155" class="ax_default label" data-label="开始日期">
          <img id="u5155_img" class="img " src="images/typography___/u378.png"/>
          <!-- Unnamed () -->
          <div id="u5156" class="text" style="visibility: visible;">
            <p><span>开始日期</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5157" class="ax_default">

          <!-- Unnamed (Shape) -->
          <div id="u5158" class="ax_default _形状">
            <img id="u5158_img" class="img " src="images/datepicker______/u5068.png"/>
            <!-- Unnamed () -->
            <div id="u5159" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u5160" class="ax_default _形状">
            <img id="u5160_img" class="img " src="images/datepicker______/u5070.png"/>
            <!-- Unnamed () -->
            <div id="u5161" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 菜单内容 (Dynamic Panel) -->
      <div id="u5162" class="ax_default ax_default_hidden" data-label="菜单内容" style="display: none; visibility: hidden">
        <div id="u5162_state0" class="panel_state" data-label="State1">
          <div id="u5162_state0_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u5163" class="ax_default _图片">
              <img id="u5163_img" class="img " src="images/datepicker______/u5163.png"/>
              <!-- Unnamed () -->
              <div id="u5164" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5165" class="ax_default">

        <!-- 框 (Rectangle) -->
        <div id="u5166" class="ax_default box_1" data-label="框">
          <img id="u5166_img" class="img " src="images/timepicker______/框_u4919.png"/>
          <!-- Unnamed () -->
          <div id="u5167" class="text" style="visibility: visible;">
            <p><span>选择日期</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5168" class="ax_default">

          <!-- Unnamed (Shape) -->
          <div id="u5169" class="ax_default _形状">
            <img id="u5169_img" class="img " src="images/datepicker______/u5068.png"/>
            <!-- Unnamed () -->
            <div id="u5170" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u5171" class="ax_default _形状">
            <img id="u5171_img" class="img " src="images/datepicker______/u5070.png"/>
            <!-- Unnamed () -->
            <div id="u5172" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 菜单内容 (Dynamic Panel) -->
      <div id="u5173" class="ax_default ax_default_hidden" data-label="菜单内容" style="display: none; visibility: hidden">
        <div id="u5173_state0" class="panel_state" data-label="State1">
          <div id="u5173_state0_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u5174" class="ax_default _图片">
              <img id="u5174_img" class="img " src="images/datepicker______/u5073.png"/>
              <!-- Unnamed () -->
              <div id="u5175" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5176" class="ax_default">

        <!-- 框2 (Rectangle) -->
        <div id="u5177" class="ax_default box_1" data-label="框2">
          <img id="u5177_img" class="img " src="images/timepicker______/框2_u4977.png"/>
          <!-- Unnamed () -->
          <div id="u5178" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5179" class="ax_default label">
          <img id="u5179_img" class="img " src="images/timepicker______/u4981.png"/>
          <!-- Unnamed () -->
          <div id="u5180" class="text" style="visibility: visible;">
            <p><span>至</span></p>
          </div>
        </div>

        <!-- 结束日期 (Rectangle) -->
        <div id="u5181" class="ax_default label" data-label="结束日期">
          <img id="u5181_img" class="img " src="images/datepicker______/结束日期_u5181.png"/>
          <!-- Unnamed () -->
          <div id="u5182" class="text" style="visibility: visible;">
            <p><span>2019-04-16</span></p>
          </div>
        </div>

        <!-- 开始日期 (Rectangle) -->
        <div id="u5183" class="ax_default label" data-label="开始日期">
          <img id="u5183_img" class="img " src="images/datepicker______/结束日期_u5181.png"/>
          <!-- Unnamed () -->
          <div id="u5184" class="text" style="visibility: visible;">
            <p><span>2019-03-23</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5185" class="ax_default">

          <!-- Unnamed (Shape) -->
          <div id="u5186" class="ax_default _形状">
            <img id="u5186_img" class="img " src="images/datepicker______/u5068.png"/>
            <!-- Unnamed () -->
            <div id="u5187" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u5188" class="ax_default _形状">
            <img id="u5188_img" class="img " src="images/datepicker______/u5070.png"/>
            <!-- Unnamed () -->
            <div id="u5189" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 菜单内容 (Dynamic Panel) -->
      <div id="u5190" class="ax_default ax_default_hidden" data-label="菜单内容" style="display: none; visibility: hidden">
        <div id="u5190_state0" class="panel_state" data-label="State1">
          <div id="u5190_state0_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u5191" class="ax_default _图片">
              <img id="u5191_img" class="img " src="images/datepicker______/u5146.png"/>
              <!-- Unnamed () -->
              <div id="u5192" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5193" class="ax_default box_2">
        <img id="u5193_img" class="img " src="images/color___/u352.png"/>
        <!-- Unnamed () -->
        <div id="u5194" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5195" class="ax_default">

        <!-- 框2 (Rectangle) -->
        <div id="u5196" class="ax_default box_1" data-label="框2">
          <img id="u5196_img" class="img " src="images/timepicker______/框2_u4977.png"/>
          <!-- Unnamed () -->
          <div id="u5197" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5198" class="ax_default label">
          <img id="u5198_img" class="img " src="images/timepicker______/u4981.png"/>
          <!-- Unnamed () -->
          <div id="u5199" class="text" style="visibility: visible;">
            <p><span>至</span></p>
          </div>
        </div>

        <!-- 结束月份 (Rectangle) -->
        <div id="u5200" class="ax_default label" data-label="结束月份">
          <img id="u5200_img" class="img " src="images/typography___/u378.png"/>
          <!-- Unnamed () -->
          <div id="u5201" class="text" style="visibility: visible;">
            <p><span>结束月份</span></p>
          </div>
        </div>

        <!-- 开始月份 (Rectangle) -->
        <div id="u5202" class="ax_default label" data-label="开始月份">
          <img id="u5202_img" class="img " src="images/typography___/u378.png"/>
          <!-- Unnamed () -->
          <div id="u5203" class="text" style="visibility: visible;">
            <p><span>开始月份</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5204" class="ax_default">

          <!-- Unnamed (Shape) -->
          <div id="u5205" class="ax_default _形状">
            <img id="u5205_img" class="img " src="images/datepicker______/u5068.png"/>
            <!-- Unnamed () -->
            <div id="u5206" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u5207" class="ax_default _形状">
            <img id="u5207_img" class="img " src="images/datepicker______/u5070.png"/>
            <!-- Unnamed () -->
            <div id="u5208" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 菜单内容 (Dynamic Panel) -->
      <div id="u5209" class="ax_default ax_default_hidden" data-label="菜单内容" style="display: none; visibility: hidden">
        <div id="u5209_state0" class="panel_state" data-label="State1">
          <div id="u5209_state0_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u5210" class="ax_default _图片">
              <img id="u5210_img" class="img " src="images/datepicker______/u5210.png"/>
              <!-- Unnamed () -->
              <div id="u5211" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5212" class="ax_default">

        <!-- 框2 (Rectangle) -->
        <div id="u5213" class="ax_default box_1" data-label="框2">
          <img id="u5213_img" class="img " src="images/timepicker______/框2_u4977.png"/>
          <!-- Unnamed () -->
          <div id="u5214" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5215" class="ax_default label">
          <img id="u5215_img" class="img " src="images/timepicker______/u4981.png"/>
          <!-- Unnamed () -->
          <div id="u5216" class="text" style="visibility: visible;">
            <p><span>至</span></p>
          </div>
        </div>

        <!-- 结束月份 (Rectangle) -->
        <div id="u5217" class="ax_default label" data-label="结束月份">
          <img id="u5217_img" class="img " src="images/typography___/u378.png"/>
          <!-- Unnamed () -->
          <div id="u5218" class="text" style="visibility: visible;">
            <p><span>结束月份</span></p>
          </div>
        </div>

        <!-- 开始月份 (Rectangle) -->
        <div id="u5219" class="ax_default label" data-label="开始月份">
          <img id="u5219_img" class="img " src="images/typography___/u378.png"/>
          <!-- Unnamed () -->
          <div id="u5220" class="text" style="visibility: visible;">
            <p><span>开始月份</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u5221" class="ax_default">

          <!-- Unnamed (Shape) -->
          <div id="u5222" class="ax_default _形状">
            <img id="u5222_img" class="img " src="images/datepicker______/u5068.png"/>
            <!-- Unnamed () -->
            <div id="u5223" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u5224" class="ax_default _形状">
            <img id="u5224_img" class="img " src="images/datepicker______/u5070.png"/>
            <!-- Unnamed () -->
            <div id="u5225" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 菜单内容 (Dynamic Panel) -->
      <div id="u5226" class="ax_default ax_default_hidden" data-label="菜单内容" style="display: none; visibility: hidden">
        <div id="u5226_state0" class="panel_state" data-label="State1">
          <div id="u5226_state0_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u5227" class="ax_default _图片">
              <img id="u5227_img" class="img " src="images/datepicker______/u5227.png"/>
              <!-- Unnamed () -->
              <div id="u5228" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5229" class="ax_default label">
        <img id="u5229_img" class="img " src="images/datepicker______/u5229.png"/>
        <!-- Unnamed () -->
        <div id="u5230" class="text" style="visibility: visible;">
          <p><span>DatePicker 日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5231" class="ax_default label">
        <img id="u5231_img" class="img " src="images/link_文字链接/u2093.png"/>
        <!-- Unnamed () -->
        <div id="u5232" class="text" style="visibility: visible;">
          <p><span>用于选择或输入日期</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5233" class="ax_default label">
        <img id="u5233_img" class="img " src="images/color___/u358.png"/>
        <!-- Unnamed () -->
        <div id="u5234" class="text" style="visibility: visible;">
          <p><span>选择日</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5235" class="ax_default label">
        <img id="u5235_img" class="img " src="images/border___/u450.png"/>
        <!-- Unnamed () -->
        <div id="u5236" class="text" style="visibility: visible;">
          <p><span>以「日」为基本单位，基础的日期选择控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5237" class="ax_default label">
        <img id="u5237_img" class="img " src="images/button___/u1816.png"/>
        <!-- Unnamed () -->
        <div id="u5238" class="text" style="visibility: visible;">
          <p><span>其他日期单位</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5239" class="ax_default label">
        <img id="u5239_img" class="img " src="images/timepicker______/u5058.png"/>
        <!-- Unnamed () -->
        <div id="u5240" class="text" style="visibility: visible;">
          <p><span>通过扩展基础的日期选择，可以选择周、月、年或多个日期</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5241" class="ax_default label">
        <img id="u5241_img" class="img " src="images/button___/u1816.png"/>
        <!-- Unnamed () -->
        <div id="u5242" class="text" style="visibility: visible;">
          <p><span>选择月份范围</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5243" class="ax_default label">
        <img id="u5243_img" class="img " src="images/border___/u450.png"/>
        <!-- Unnamed () -->
        <div id="u5244" class="text" style="visibility: visible;">
          <p><span>可在一个选择器中便捷地选择一个时间范围</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5245" class="ax_default label">
        <img id="u5245_img" class="img " src="images/button___/u1816.png"/>
        <!-- Unnamed () -->
        <div id="u5246" class="text" style="visibility: visible;">
          <p><span>选择日期范围</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5247" class="ax_default label">
        <img id="u5247_img" class="img " src="images/border___/u450.png"/>
        <!-- Unnamed () -->
        <div id="u5248" class="text" style="visibility: visible;">
          <p><span>可在一个选择器中便捷地选择一个时间范围</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5249" class="ax_default label">
        <img id="u5249_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u5250" class="text" style="visibility: visible;">
          <p><span>日期格式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5251" class="ax_default label">
        <img id="u5251_img" class="img " src="images/button___/u1816.png"/>
        <!-- Unnamed () -->
        <div id="u5252" class="text" style="visibility: visible;">
          <p><span>默认显示日期</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
